<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .head {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            background-color: gray;
            font-family: 'Courier New', Courier, monospace;
            height: 60px;
        }
        .head a {
            text-decoration: none;
            content: auto;
        }
        .ip {
            display: flex;
            flex-direction: row;
            align-items: center;
            margin: 10px;
            padding: auto;
        }
        .ip input,select{
            width: 200px;
        }
        .tb{
            width: 100%;
            margin: 0 20px;
            border-collapse: collapse;
        }
        .tb tr,td{
            border: 1px solid #ddd; 
            padding: 8px; 
            text-align: center;
        }
        .low{
            background-color: grey;
            width: 100%;
            height: 100px;
            font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
            text-align: center;
            margin: 0 10px;
            
        }
        .low p{
            font-size: 1em;
            font-family: bold;
        }
    </style>
</head>
<body>
    <div class="head">
        <h1 id="001">学生管理系统</h1>
        <a href="a" id="002" target="_blank">退出系统</a>
    </div>
    <form action="\a" method="get" class="ip">
        姓名: <input type="text" name="name">
        性别: <select name="gander">
                <option value="">选择性别</option>
                <option value="1">男</option>
                <option value="2">女</option>
              </select>
        职位: <select name="work">
                <option value="">职位</option>
                <option value="1">班主任</option>
                <option value="2">讲师</option>
                <option value="3">教务主任</option>
                <option value="4">辅导员</option>
                <option value="5">教授</option>
              </select>
            <button type="submit" name="submit">提交</button>
            <button type="reset" name="reset">重置</button>
    </form>
    <table class="tb">
        <thead>
            <tr>
                <th>姓名</th>
                <th>年龄</th>
                <th>入职时间</th>
            </tr>
        </thead>
            <tr>
                <td>张三</td>
                <td>15</td>
                <td>2025.6.5</td>
            </tr>
            <tr>
                <td>李四</td>
                <td>17</td>
                <td>2025.4.7</td>
            </tr><tr>
                <td>王五</td>
                <td>20</td>
                <td>2025.9.8</td>
            </tr><tr>
                <td>赵六</td>
                <td>20</td>
                <td>2025.2.1</td>
            </tr>
        <tbody>
        </tbody>
    </table>
    <div class="low">
        <p>中国微软有限公司</p>
        <p>版权所有 Copyright 2006-2024 All Rights Reserved</p>
    </div>
</body>
</html>
